import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
import Mobile from './views/mobile.vue'
import Admin from './views/admin.vue'
import pcQuestions from './views/pcQuestions.vue'
import pcSubmit from './views/pcSubmit.vue'
import weekChart from './views/weekChart.vue'
import wheel from './views/wheel.vue'
import outerNest from './views/outerNest.vue'
import nest01 from './views/nest01.vue'
import nest02 from './views/nest02.vue'
import innerNest from './views/innerNest.vue'


Vue.use(Router)

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/wheel',
      name: 'wheel',
      component: wheel
    },
    {
      path: '/outer-nest',
      name: 'outerNest',
      component: outerNest,
      children: [
        {
          path: 'nest01',
          name: 'nest01',
          component: nest01,
          children: [
            {
              path: 'inner-nest',
              name: 'innerNest',
              component: innerNest
            },
          ]
        },
        {
          path: 'nest02',
          name: 'nest02',
          component: nest02
        },
      ]
    },
    {
      path: '/mobile',
      name: 'mobile',
      component: Mobile
    },
    {
      path: '/weekChart',
      name: 'weekChart',
      component: weekChart
    },
    {
      path: '/admin',
      name: 'admin',
      component: Admin
    },
    {
      path: '/pcSubmit',
      name: 'admin',
      component: pcSubmit
    },
    {
      path: '/pcQuestions',
      name: 'pcQuestions',
      component: pcQuestions
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
    }
  ]
})
